<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>交易凭证-请截图保存</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  <link rel="stylesheet" type="text/css" href="{$_G['URL']['FCPDD_CSS']}css/reset.css?v=1">
  <link rel="stylesheet" type="text/css" href="{$_G['URL']['FCPDD_CSS']}css/swiper.min.css?v=1">
  <link rel="stylesheet" type="text/css" href="{$_G['URL']['FCPDD_CSS']}css/style.css?v=6">
  <script src="{$_G['URL']['FCPDD_CSS']}js/screen.js?v=1"></script>
  <script src="{$_G['URL']['FCPDD_CSS']}js/jquery.js?v=1"></script>
  <style type="text/css">
    .successTop {  background: linear-gradient(to right, #f96c72 , #f4537c); }
  </style>
 </head>
 <!-- 页面设计已注册版权，部分或全部盗用，一经发现将由专业律师团队进行处理 -->
 <body>
{if !empty($zhuandanimg)}
<style type="text/css">
    .share {
        z-index: 20;
        display: none;
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
    }
    .closeBtn {
        top: -.52rem;
        background: url(https://css2020.yixuan.net/2020css/yx2020/images/closebtn2.png) center no-repeat;
        width: .45rem;
        height: .45rem;
        background-size: 100% 100%;
        right: -0.1rem;
        position: absolute;
        display: block;
        z-index: 4;
    }
    .share img {
        display: block;
        width: 100%;
            border:1px solid #FFF;
        -moz-box-shadow:0 0 3px #AAA;
        -webkit-box-shadow:0 0 3px #AAA;
        box-shadow:0 0 3px #AAA;
        padding:3px
    }
    #screen { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2; }
</style>

<div class="share newimg" style="display: block;">
    <span class="closeBtn" onclick="closescreen()"></span>
    <img id="posterimg" src="{$zhuandanimg}">
</div>
<div id="screen" onclick="closescreen()" style="display: block;"></div>
{/if}

    <div class="header">
        <a href="{$url}" style="color:#fff" class="back"></a>
        交易凭证-请截图保存
    </div>
    <div class="success">
        <div class="successTop">
            <img src="{$_G['URL']['FCPDD_CSS']}images/star.png" class="star">
            <img src="{$_G['URL']['FCPDD_CSS']}images/success.png" class="suces">
            <h2>支付成功</h2>
            <h3>￥{php echo sprintf("%.2f",$themyorder['realfee']);}</h3>
        </div>
        <div class="succnotice">
            <p>交易单号        <span>{php echo substr(MODULE_NAME,-5);}{$themyorder['uniontid']}</span></p>
            <p>{$config['nametext']}      <span>{$themyrecord['username']}</span></p>
            <p>{$config['mobiletext']}      <span>{$themyrecord['mobile']}</span></p>
        </div>
    </div>
    {if !empty($worker['username'])}
    <div class="kf" onclick="calltel('{$worker['mobile']}')">
        <span>专属客服</span>
        <p>{$worker['username']} {$worker['mobile']}</p>
        <a href=""></a>
    </div>
    {/if}
    <div class="payinfor">
        <div class="payList">
            <h2>{php echo empty($theme['jubf'])?mb_substr($theme['title'],0,12,'utf-8'):$theme['jubf'];}</h2>
            <p onclick="calltel('{$theme['mobile']}')"><span>咨询电话</span>{$theme['mobile']}</p>
            {if !empty($config['addresstxt'])}
            <p><span>地址</span>{$config['province']}{$config['city']}{$config['district']}{$config['addresstxt']}</p>
            {/if}
            {if !empty($config['zhuandantxt'])}
            <p><span>{$config['zhuandantxt']}</span>{php echo date('Y-m-d',$config['zhuandanbegintime']) . " - ".  date('Y-m-d',$config['zhuandanendtime']);}</p>
            {/if}
            {if !empty($config['zhuandantips'])}
            <h3>{$config['zhuandantips']}</h3>
            {/if}
        </div>
        <div class="checkBox">
            {if $theme['yixuanbanquan'] != '1'}
            <p><a style="font-size:12px; color: #5b5b5b;" href="{php echo empty($theme['USERURL'])?$system['s']['yixuanurl']:$theme['USERURL'];}">{php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}</a></p>
            {/if}
        </div>
    </div>

<div class="fixBottom">
    <a href="{$url}">返回活动页面</a>
</div>
<div class="h100"></div>
<script type="text/javascript">
    function calltel(mobile) {
        window.location.href="tel:"+mobile;
    }
</script>
<script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
        function closescreen(){
      $('.altBox,#inforBox,.teamAlt,#shareinfo').animate({'bottom':'-100%'},500);
      $('#screen').fadeOut();
      $('.share').fadeOut();
      $('.kfBox').fadeOut();
      $('.fenxiao').fadeOut();
      $('.icontip').fadeOut();
      $('#hbopen').fadeOut();
    }
    
        function onBridgeReady() {
            WeixinJSBridge.call('hideOptionMenu');
        }

        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }
    </script>
 </body>
</html>
